import { Layout } from 'antd';
import styled from 'styled-components';
import HeaderBar from '@/components/HeaderBar';

const { Content } = Layout;

const StyledLayout = styled(Layout)`
  min-height: 100vh;
`;

const StyledContent = styled(Content)`
  padding: 0;
  background: var(--gray-11);
  min-height: calc(100vh - 48px);
  height: calc(100vh - 48px);
  overflow: hidden;
`;

const StyledIframe = styled.iframe`
  width: 100%;
  height: 100%;
  border: none;
`;

export default function AlgorithmPage() {
  return (
    <StyledLayout>
      <HeaderBar />
      <StyledContent>
        <StyledIframe
          src="https://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=%E5%9B%BE%E7%89%87&step_word=&lid=8016370980417395999&ie=utf-8&in=&cl=2&lm=-1&st=undefined&hd=undefined&latest=undefined&copyright=undefined&cs=2879033369,2612231413&os=3275602674,3232934661&simid=2879033369,2612231413&pn=0&rn=1&di=7477984738934784001&ln=510&fr=&fmq=1743410593870_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&is=3275602674,3232934661&istype=0&ist=&jit=&bdtype=0&spn=0&pi=0&gsm=1e&objurl=https%3A%2F%2Fp6-pc-sign.douyinpic.com%2Ftos-cn-i-0813%2F9efdd06d4fa948ae9a1a260a279fe997~tplv-dy-aweme-images%3Aq75.webp%3Fbiz_tag%3Daweme_images%26from%3D3213915784%26s%3DPackSourceEnum_AWEME_DETAIL%26se%3Dfalse%26x-expires%3D1680699600%26x-signature%3DSGnSCgQKG3ORqFVHzsrnJcVNAfU%253D&rpstart=0&rpnum=0&adpicid=0&nojc=undefined&dyTabStr=MCwxMiwzLDEsMiwxMyw3LDYsNSw5"
          title="Algorithm Documentation"
        />
      </StyledContent>
    </StyledLayout>
  );
}
